<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
                    
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h2>DETALLE ORDEN PROVISION</h2>
    <h3>Orden nro: #{ordProvCtrl.ordenProvision.nroOrdenProv} </h3>
    <p>Provisiones para ser entregadas en #{ordProvCtrl.ordenProvision.obraEntrega.direccion} a en fecha y hora
          <h:outputText id="txtfechahoraent" value="#{ordProvCtrl.ordenProvision.fechaHoraEntrega}"  >
                <f:convertDateTime pattern="HH:mm dd/MM/yyyy" ></f:convertDateTime>
            </h:outputText>
    </p>
    <h:form id="frmAbmDetOP">
        <h:commandButton value="Agregar Item"  action="#{ordProvCtrl.nuevoDetalle()}" >
            <f:ajax execute="@this" render="@form"></f:ajax>
        </h:commandButton>
        <h:panelGrid columns="10" id="panelDet" rendered="#{not empty ordProvCtrl.ordenProvisionDetalle}">
            <h:outputText value="Insumo"></h:outputText>
            <h:selectOneMenu id="cmbInsumo" value="#{ordProvCtrl.insumoSeleccionado}">
                <f:selectItems value="#{insumoCtrl.listaInsumo}" var="ins" itemLabel="#{ins.descripcion}" itemValue="#{ins.id}"/>
            </h:selectOneMenu>
            <h:outputText value="Precio Referencia"></h:outputText>
            <h:inputText value="#{ordProvCtrl.ordenProvisionDetalle.cantidad}" ></h:inputText>
            <h:outputText value="Cantidad"></h:outputText>
            <h:inputText value="#{ordProvCtrl.ordenProvisionDetalle.cantidad}" ></h:inputText>
            <h:outputText value="Dimension"></h:outputText>
            <h:selectOneMenu value="#{ordProvCtrl.ordenProvisionDetalle.dimensionCantidad}" >
                <f:selectItems value="#{ordProvCtrl.dimension}" />
            </h:selectOneMenu>
            <h:commandButton value="Agregar" action="#{ordProvCtrl.addDetalle()}" />
            <h:commandButton value="Cancelar"  action="#{ordProvCtrl.cancelarDetalle()}" />
        </h:panelGrid>
        <h:dataTable id="tblListaDetOP"   value="#{ordProvCtrl.ordenProvision.detalle}" var="opd"
                 styleClass="order-table" 
                 headerClass="order-table-header"
                 rowClasses="order-table-odd-row,order-table-even-row"
                 >
        <h:column>
            <f:facet name="header">Insumo Pedido</f:facet>
            #{opd.insumo.descripcion}
        </h:column>
        <h:column>
            <f:facet name="header">Cantidad</f:facet>
                #{opd.cantidad} - #{opd.dimensionCantidad} 
        </h:column>
        <h:column>
            <f:facet name="header">Precio</f:facet>
                #{opd.precioReferencia} 
        </h:column> 
            <h:column>
            <f:facet name="header">Acciones</f:facet>
            <h:commandLink value="quitar" action="#{ordProvCtrl.quitarDetalle()}" >
                <f:setPropertyActionListener target="#{ordProvCtrl.ordenProvisionDetalle}" value="#{opd}" />
                <f:ajax execute="@this" render="@form" />
            </h:commandLink>
            </h:column>
    </h:dataTable>
    </h:form>
</ui:composition>